<template>
  <div id="left">
    <div class="content">
      <safetyManage class="safe"></safetyManage>
      <operateManage></operateManage>
      <!-- <energy-consumption-management-vue class="energyBottom"></energy-consumption-management-vue> -->
    </div>
  </div>
</template>
<script>
import safetyManage from "./tools/safetyManage.vue";
import operateManage from "./tools/operateManage.vue";
import EnergyConsumptionManagementVue from "../../bottom/EnergyConsumptionManagement.vue";

export default {
  components: {
    safetyManage,
    operateManage,
    EnergyConsumptionManagementVue,
  },
  mounted () {
    window.Sgworld &&window.Sgworld.flyTo(
              2428.97509765625,
              6744.2890625,
              500,
              0,
              -11.069870948791504,
              108.2399673461914,
              16229.828125,
              () => {},
              4
            );
  },
  methods: {},
};
</script>

<style scoped>
#left {
  position: relative;
  color: white;
  height: 2144px;
  background: url("../../../../static/images/leftBackground.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.safe {
  margin-bottom: 20px;
}
.content {
  width: 860px;
}
.energyBottom {
  position: absolute;
  bottom: 0;
  left: calc(50% - 560px);
  z-index: -1;
}
</style>
